<!DOCTYPE>
<html>
<head>
  <title></title>
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
  <script src="../internal.js" type="text/javascript"></script>
  <style type="text/css">
    .wrapper{width: 540px; margin: 10px auto;}
    #appShow {border: 1px solid #ddd;}
    .errorMsg{font-size: 13px;margin: 10px;color: #dd0000}
  </style>
</head>
<body>
<div class="wrapper">
  <div id="appShow"></div>
</div>
<script type="text/javascript">
  //此处配置您在百度上申请到的appkey。
  var apikey = editor.options.webAppKey;
  if ( apikey && apikey.length == 24 ) {
      var searchConfig = {
          container:'appShow', //容器ID
          tips:"", //该值用于自动清空
          search:1, //是否显示搜索框
          ps:12, //每页显示的条数
          suggest:1, //是否开启搜索自动完成
          limit:0, //搜索结果显示条数，0表示无限制
          searchNow:0, //是否在初始化完成时立即搜索
          apikey:apikey, //每人得
          pager:1,
          cid:7134562,
          outputHTML:1
      },baiduApp;

      function clickCallback() {
          baiduApp.addEventListener( 'getAppHTML', function ( e, data ) {
              var url = 'http://app.baidu.com/app/enter?appid='+data.data['app_id'] +'&tn=app_canvas&app_spce_id=1&apikey='+apikey+'&api_key=' + apikey;
              editor.execCommand( "webapp", {url:url,width:data.uniWidth,height:data.uniHeight+60,logo:data.data['app_logo'],title:data.data['app_name']});
              dialog.close();
          } );
      }

      var script = document.createElement( "script" );
      script.type = "text/javascript";
      script.src = "http://app.baidu.com/appweb/api/search?auto=yes&container=container&apikey=" + apikey + "&instanceName=baiduApp&callback=clickCallback&config=searchConfig";
      document.body.appendChild( script );
  } else {
      $G( "appShow" ).innerHTML = "<p class='errorMsg'>"+lang.tip1+"<a title='"+lang.anthorApi+"' href='http://app.baidu.com/static/cms/getapikey.html' target='_blank'>"+lang.applyFor+"</a></p><p class='errorMsg'>"+lang.tip2+"</p>" ;
  }

</script>
</body>
</html>
